
<template>
    <el-container
            v-loading="$store.state.loading"
            element-loading-text="拼命加载中"
            element-loading-spinner="el-icon-loading"
            element-loading-background="rgba(0, 0, 0, 0.8)"
    >
        <!-- header部分 -->
        <el-header>
            <navtop></navtop>
        </el-header>
        <el-container>
            <!-- aside部分 -->
            <leftNav></leftNav>
            <el-main>
                <!-- main部分 -->
                <router-view />
            </el-main>
        </el-container>
    </el-container>
</template>


<script>
    import navtop from "@/components/Nav-top.vue";
    import leftNav from "@/components/Nav-left.vue";
    export default {
        name:'layout',
        components: {
            navtop,
            leftNav
        },
        data() {
            return {
                loading:false
            };
        },
        mounted() {
        },
        methods: {}
    };
</script>

<style scoped>
    .el-main {
        background-color: #f5f7f9;
    }

    .el-header,
    .el-footer {
        background-color: white;
        box-sizing: border-box;
        border-bottom: 1px solid #f5f1f1;
    }

    .el-container {
        height: 100%;
    }
</style>




